<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>cat</title> 
<style> 
div
{
	
	position:relative;
	animation:myfirst 5s;
	-webkit-animation:myfirst 5s; /* Safari and Chrome */
}

@keyframes myfirst

{
	0%   {-webkit-transform: scale(0.1) rotate(0deg);
transform: scale(0.1) rotate(0deg);
opacity:0.4;left:0px; top:0px;}
	25%  {-webkit-transform: scale(1) rotate(360deg);
transform: scale(1) rotate(360deg);
opacity:1;left:50px; top:0px;}
	50%  {-webkit-transform: scale(1);
transform: scale(1);
opacity:1;left:50px; top:50px;}
	75%  {-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity:0.4;left:0px; top:50px;}
	100% {-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity:0.4;left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	0%   {-webkit-transform: scale(0.1) rotate(0deg);
transform: scale(0.1) rotate(0deg);
opacity:0.4;left:0px; top:0px;}
	25%  {-webkit-transform: scale(1) rotate(360deg);
transform: scale(1) rotate(360deg);
opacity:1;left:50px; top:0px;}
	50%  {-webkit-transform: scale(1);
transform: scale(1);
opacity:1;left:50px; top:50px;}
	75%  {-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity:0.4;left:0px; top:50px;}
	100% {-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity:0.4;left:0px; top:0px;}
}
</style>
</head>
<body>

<p><b>恐猫</b></p>

<div><svg  width="50%" aria-hidden="true" data-prefix="fas" data-icon="heart" role="img" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="cat" class="svg-inline--fa fa-cat fa-w-16" role="img" viewBox="0 0 512 512"><path fill="brown" d="M290.59 192c-20.18 0-106.82 1.98-162.59 85.95V192c0-52.94-43.06-96-96-96-17.67 0-32 14.33-32 32s14.33 32 32 32c17.64 0 32 14.36 32 32v256c0 35.3 28.7 64 64 64h176c8.84 0 16-7.16 16-16v-16c0-17.67-14.33-32-32-32h-32l128-96v144c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V289.86c-10.29 2.67-20.89 4.54-32 4.54-61.81 0-113.52-44.05-125.41-102.4zM448 96h-64l-64-64v134.4c0 53.02 42.98 96 96 96s96-42.98 96-96V32l-64 64zm-72 80c-8.84 0-16-7.16-16-16s7.16-16 16-16 16 7.16 16 16-7.16 16-16 16zm80 0c-8.84 0-16-7.16-16-16s7.16-16 16-16 16 7.16 16 16-7.16 16-16 16z"/></svg></div>

</body>
</html>